<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/view/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<title>${appname}</title>
<%@ include file="/WEB-INF/view/common/css_js_base.jsp"%>
<script>
$(function(){
});
</script>
</head>
<body>
<!-- Begin page content -->
<div class="row">
	<div class="col-md-9">
	<table class="table">
	      <tbody>
	        <tr>
	          <td><h1>h1. Bootstrap heading</h1></td>
	          <td class="type-info">Semibold 36px</td>
	        </tr>
	        <tr>
	          <td><h2>h2. Bootstrap heading</h2></td>
	          <td class="type-info">Semibold 30px</td>
	        </tr>
	        <tr>
	          <td><h3>h3. Bootstrap heading</h3></td>
	          <td class="type-info">Semibold 24px</td>
	        </tr>
	        <tr>
	          <td><h4>h4. Bootstrap heading</h4></td>
	          <td class="type-info">Semibold 18px</td>
	        </tr>
	        <tr>
	          <td><h5>h5. Bootstrap heading</h5></td>
	          <td class="type-info">Semibold 14px</td>
	        </tr>
	        <tr>
	          <td><h6>h6. Bootstrap heading</h6></td>
	          <td class="type-info">Semibold 12px</td>
	        </tr>
	      </tbody>
      </table>
	</div>
</div>
<div class="row">
	<div class="col-md-9">
	<table class="table table-bordered table-hover">
	      <tbody>
	        <tr>
	          <td><h1>h1. Bootstrap heading</h1></td>
	          <td class="type-info">Semibold 36px</td>
	        </tr>
	        <tr>
	          <td><h2>h2. Bootstrap heading</h2></td>
	          <td class="type-info">Semibold 30px</td>
	        </tr>
	        <tr>
	          <td><h3>h3. Bootstrap heading</h3></td>
	          <td class="type-info">Semibold 24px</td>
	        </tr>
	        <tr>
	          <td><h4>h4. Bootstrap heading</h4></td>
	          <td class="type-info">Semibold 18px</td>
	        </tr>
	        <tr>
	          <td><h5>h5. Bootstrap heading</h5></td>
	          <td class="type-info">Semibold 14px</td>
	        </tr>
	        <tr>
	          <td><h6>h6. Bootstrap heading</h6></td>
	          <td class="type-info">Semibold 12px</td>
	        </tr>
	      </tbody>
      </table>
	</div>
</div>
<div class="row">
	<div class="col-md-9">
	<table class="table table-condensed">
	      <tbody>
	        <tr>
	          <td><h1>h1. Bootstrap heading</h1></td>
	          <td class="type-info">Semibold 36px</td>
	        </tr>
	        <tr>
	          <td><h2>h2. Bootstrap heading</h2></td>
	          <td class="type-info">Semibold 30px</td>
	        </tr>
	        <tr>
	          <td><h3>h3. Bootstrap heading</h3></td>
	          <td class="type-info">Semibold 24px</td>
	        </tr>
	        <tr>
	          <td><h4>h4. Bootstrap heading</h4></td>
	          <td class="type-info">Semibold 18px</td>
	        </tr>
	        <tr>
	          <td><h5>h5. Bootstrap heading</h5></td>
	          <td class="type-info">Semibold 14px</td>
	        </tr>
	        <tr>
	          <td><h6>h6. Bootstrap heading</h6></td>
	          <td class="type-info">Semibold 12px</td>
	        </tr>
	      </tbody>
      </table>
	</div>
</div>
<div class="row">
	<div class="col-md-9">
		    鼠标滑过隔行变色
		  <table class="table table-hover">
		  	<tr class="active">
		  		<td>xxxxxxxxx</td>
		  	</tr>
			<tr class="success">
				<td>xxxxxxxxx</td>
			</tr>
			<tr class="warning">
				<td>xxxxxxxxx</td>
			</tr>
			<tr class="danger">
				<td>xxxxxxxxx</td>
			</tr>
			<tr class="info">
				<td>xxxxxxxxx</td>
			</tr>
		  </table>
	</div>
</div>
</body>
</html>
